@charset "utf-8";

.users{font:10px Verdana,Arial;min-height:calc(100vh - 148px);;margin:10px;background:#fff url(../images/bg.gif) repeat-x;color:#091f30}

/* sortable */
.sortable{width:980px;border-left:1px solid #c6d5e1;border-top:1px solid #c6d5e1;border-bottom:none;margin:0 auto 15px}
.sortable th{background:url(../images/header-bg.gif);text-align:left;color:#cfdce7;border:1px solid #fff;border-right:none}
.sortable th h3{font-size:20px;padding:6px 8px 8px}
.sortable td{padding:4px 6px 6px;border-bottom:1px solid #c6d5e1;border-right:1px solid #c6d5e1}
.sortable .head h3{background:url(../images/sort.gif) 7px center no-repeat;cursor:pointer;padding-left:18px}
.sortable .desc, .sortable .asc{background:url(../images/header-selected-bg.gif)}
.sortable .desc h3{background:url(../images/desc.gif) 7px center no-repeat;cursor:pointer;padding-left:18px}
.sortable .asc h3{background:url(../images/asc.gif) 7px  center no-repeat;cursor:pointer;padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover{color:#fff}
.sortable .evenrow td{background:#fff}
.sortable .oddrow td{background:#fff}
/* .sortable td.evenselected{background:#ecf2f6}
.sortable td.oddselected{background:#dce6ee} */

#controls{width:980px;margin:0 auto;height:20px}
#perpage{float:left;width:200px}
#perpage select{float:left;font-size:11px}
#perpage span{float:left;margin:2px 0 0 5px;font-size:12px;}
#navigation{float:left;width:580px;text-align:center}
#navigation img{cursor:pointer}
#text{float:left;width:200px;text-align:right;margin-top:2px;font-size:12px;}
.flex{display: flex;}
.flex a{width: 30px;}
input{border: 0px;height: 30px;width: 120px;}
.birthday,.state{width: 120px;}
.id{width:50px;}
a{cursor: pointer;}
